/*
 * @Author: scopesang
 * @Date: 2022-05-10 15:49:34
 * @LastEditors: scopesang
 * @LastEditTime: 2022-05-12 18:08:13
 * @FilePath: \hook-ts\src\index.tsx
 * @Description:
 *
 * Copyright (c) 2022 by scopesang/大鹏科技, All Rights Reserved.
 */
// import ReactDOM from 'react-dom'
import MyRouter from "router";
import { Provider } from "react-redux";
import stroe from "store";

import { createRoot } from "react-dom/client";
// 增加类型断言(Type Assertion)
// 大概意思就是:‘HTMLElement | 类型的参数 null’ 不能分配给“HTMLElement”类型的参数。
const root = createRoot(document.getElementById("root") as HTMLElement);
root.render(
  <Provider store={stroe}>
    <MyRouter />
  </Provider>
);

// Provider  用来包裹顶级组件  顶级组件之下

// 原因是ts文件会被解析为js，
// 而React+TS的项目是不允许ts成为一个组件的，
// 因此只需要将 index.ts 改为 index.tsx 即可。
